@charset "UTF-8";
/* 弹性盒子样式 */
/* 下拉菜单样式 */
.content {
  margin: 0 auto;
  width: 98.71668vw;
  padding-bottom: 13.16222vw;
}

/* 顶部相同部分样式 */
.header {
  background: white;
  position: fixed;
  width: 93.45179vw;
  margin: 0 2.63244vw;
  padding: 3.94867vw 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header .h-left input {
  width: 19.74334vw;
  height: 9.21356vw;
  font-size: 3.94867vw;
  background: none;
  border: 0.52649vw solid #ff9344;
  border-radius: 3.29056vw;
}

.header span {
  font-size: 3.94867vw;
  display: inline-block;
  height: 9.21356vw;
  line-height: 9.21356vw;
}

.subject {
  padding-top: 19.74334vw;
  padding-bottom: 19.74334vw;
}

/* 底部导航栏样式 */
.footer {
  color: black;
  width: 98.71668vw;
  background: white;
  padding: 1.31622vw 0;
  position: fixed;
  bottom: 0vw;
}

.footer ul {
  width: 93.45179vw;
  margin: 2.23758vw 2.63244vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-align: center;
}

.footer ul li {
  position: relative;
  overflow: hidden;
}

.footer ul li:hover img {
  -webkit-transform: translateY(-9.4768vw);
          transform: translateY(-9.4768vw);
  -webkit-filter: drop-shadow(#ff9344 0 9.4768vw);
          filter: drop-shadow(#ff9344 0 9.4768vw);
}

.footer ul li:hover img:nth-of-type(2),
.footer ul li:hover img:nth-of-type(3) {
  -webkit-transform: translateY(-9.4768vw);
          transform: translateY(-9.4768vw);
  -webkit-filter: drop-shadow(white 0 9.4768vw);
          filter: drop-shadow(white 0 9.4768vw);
}

.footer ul li img {
  width: 9.4768vw;
  height: 9.4768vw;
}

.footer ul li span {
  display: block;
  font-size: 3.29056vw;
  text-align: center;
}

.footer ul li:nth-of-type(3) img:nth-of-type(2) {
  width: 2.89569vw;
  height: 2.89569vw;
  position: absolute;
  left: 3.68542vw;
  top: 2.76407vw;
}

.footer ul li:nth-of-type(3) img:nth-of-type(3) {
  width: 2.89569vw;
  height: 2.89569vw;
  position: absolute;
  left: 2.76407vw;
  top: 3.68542vw;
}

.content .header .h-right img {
  width: 9.21356vw;
  height: 9.21356vw;
}

.content .Carousel {
  width: 93.45179vw;
  margin: 0 2.63244vw;
}

.content .Carousel img {
  width: 93.45179vw;
}

.content .price {
  width: 88.1869vw;
  margin: 0 5.26489vw;
}

.content .price .p-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 1.31622vw 0;
}

.content .price .p-top span {
  font-size: 10.52978vw;
  font-weight: 500;
  color: #ff9344;
}

.content .price .p-top button {
  width: 15.79467vw;
  height: 9.21356vw;
  font-size: 4.60678vw;
  color: white;
  line-height: 9.21356vw;
  background: #ff9344;
  border-radius: 3.29056vw;
  margin: auto 0;
}

.content .price .p-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3.94867vw 0;
}

.content .price .p-bottom .left {
  width: 33.56367vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content .price .p-bottom .left img {
  width: 6.58111vw;
  height: 6.58111vw;
}

.content .price .p-bottom .left h3 {
  font-weight: 550;
  font-size: 4.7384vw;
}

.content .price .p-bottom .left h3 span {
  color: #ff9344;
}

.content .price .p-bottom .right span a {
  color: black;
  font-size: 3.68542vw;
  line-height: 6.58111vw;
}

.content .Merchant {
  width: 88.1869vw;
  margin: 0 5.26489vw;
}

.content .Merchant .m-top {
  height: 9.21356vw;
  background: #ff9344;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 1.31622vw;
}

.content .Merchant .m-top span, .content .Merchant .m-top a {
  color: white;
  font-size: 4.60678vw;
  line-height: 9.21356vw;
}

.content .Merchant .m-bottom {
  margin-top: 1.31622vw;
}

.content .Merchant .m-bottom ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1.31622vw;
}

.content .Merchant .m-bottom ul li div:first-of-type {
  position: relative;
}

.content .Merchant .m-bottom ul li div:first-of-type img {
  width: 29.615vw;
  height: 23.692vw;
}

.content .Merchant .m-bottom ul li div:first-of-type span {
  width: 29.615vw;
  height: 6.58111vw;
  font-size: 3.94867vw;
  background: rgba(255, 255, 255, 0.7);
  line-height: 6.58111vw;
  text-align: center;
  display: block;
  position: absolute;
  left: 0;
  top: 9.87167vw;
}

.content .Merchant .m-bottom ul li div:nth-of-type(2) {
  width: 42.77723vw;
  margin: auto 0;
}

.content .Merchant .m-bottom ul li div:nth-of-type(2) h3 {
  font-size: 3.94867vw;
  font-weight: 600;
}

.content .Merchant .m-bottom ul li div:nth-of-type(2) ul {
  width: 32.24745vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.content .Merchant .m-bottom ul li div:nth-of-type(2) ul li img {
  width: 4.7384vw;
  height: 4.7384vw;
}

.content .Merchant .m-bottom ul li div:nth-of-type(2) ul li:last-of-type {
  font-size: 3.94867vw;
  color: #a8bfdd;
}

.content .Merchant .m-bottom ul li div:nth-of-type(2) h4 {
  font-size: 3.42218vw;
  font-weight: 400;
  color: #a8bfdd;
}

.content .Merchant .m-bottom ul li div:nth-of-type(2) h5 {
  font-size: 3.42218vw;
  font-weight: 400;
  color: #ff9344;
}

.content .Merchant .m-bottom ul li div:nth-of-type(2) h3, .content .Merchant .m-bottom ul li div:nth-of-type(2) h4, .content .Merchant .m-bottom ul li div:nth-of-type(2) h5, .content .Merchant .m-bottom ul li div:nth-of-type(2) ul {
  height: 5.923vw;
}

.content .Merchant .m-bottom ul li div:nth-of-type(3) button {
  width: 13.16222vw;
  height: 7.89733vw;
  color: white;
  font-size: 3.94867vw;
  background: #ff9344;
  border-radius: 2.63244vw;
  margin: 7.89733vw 0;
}
